import React from 'react';
import Svg, { Path } from 'react-native-svg';

export const PlayerIcon = () => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <Path
        d="M9.22217 8.6277C9.22217 8.0977 9.22217 7.83214 9.33328 7.68437C9.38094 7.62071 9.44171 7.56803 9.51149 7.52989C9.58126 7.49174 9.65841 7.46902 9.73772 7.46325C9.92217 7.44992 10.1455 7.59325 10.5922 7.87992L15.8366 11.2521C16.2244 11.501 16.4177 11.6255 16.4844 11.7833C16.5134 11.8518 16.5284 11.9255 16.5284 11.9999C16.5284 12.0744 16.5134 12.148 16.4844 12.2166C16.4177 12.3744 16.2244 12.4988 15.8366 12.7477L10.5922 16.1199C10.1455 16.4066 9.92217 16.5499 9.73772 16.5366C9.65832 16.5307 9.58112 16.5078 9.51134 16.4695C9.44156 16.4311 9.38083 16.3782 9.33328 16.3144C9.22217 16.1677 9.22217 15.9021 9.22217 15.3721V8.6277Z"
        stroke="black"
        strokeOpacity="0.565"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M2 7.33333C2 5.46667 2 4.53333 2.36333 3.82C2.68291 3.19282 3.19282 2.68291 3.82 2.36333C4.53333 2 5.46667 2 7.33333 2H16.6667C18.5333 2 19.4667 2 20.18 2.36333C20.8072 2.68291 21.3171 3.19282 21.6367 3.82C22 4.53333 22 5.46667 22 7.33333V16.6667C22 18.5333 22 19.4667 21.6367 20.18C21.3171 20.8072 20.8072 21.3171 20.18 21.6367C19.4667 22 18.5333 22 16.6667 22H7.33333C5.46667 22 4.53333 22 3.82 21.6367C3.19282 21.3171 2.68291 20.8072 2.36333 20.18C2 19.4667 2 18.5333 2 16.6667V7.33333Z"
        stroke="black"
        strokeOpacity="0.565"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  );
};
